<template>
  <div>
    <div id="block">
      <el-table border :data="BeTakenData" style="width: 100%">
        <el-table-column
          type="selection"
          label="全选"
          width="70"
          align="center"
        />
        <el-table-column
          prop="RequisitionNumber"
          label="申请单号"
          width="180"
          align="center"
        />
        <el-table-column
          prop="HarmfulPart"
          label="危害部位"
          width="180"
          align="center"
        />
        <el-table-column
          prop="ApplicantName"
          label="申请人姓名"
          width="180"
          align="center"
        />
        <el-table-column
          prop="ContactNumber"
          label="联系电话"
          width="180"
          align="center"
        />
        <el-table-column prop="State" label="状态" width="180" align="center">
          <el-link type="warning" :underline="false">已拒绝</el-link>
        </el-table-column>
        <el-table-column
          prop="ApplicationTime"
          label="申请时间"
          width="180"
          align="center"
        />
        <el-table-column label="操作" align="center">
          <template slot-scope="scope">
            <el-button
              type="text"
              size="small"
              plain
              @click="handleClick"
            >通过</el-button>
            <el-button
              type="text"
              size="small"
              plain
              @click="seeopen"
            >驳回</el-button>
            <el-button
              type="text"
              size="small"
              plain
              @click="WorkDetails(scope.row)"
            >详情</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="page">
        <el-pagination
          class="page1"
          background
          layout="prev, pager, next"
          :total="100"
        />
      </div>
      <Dialog :center-dialog-visible="isActive" @operation="operation" />
    </div>
  </div>
</template>

<script>
import ListMixin from '../../mixins/list'
export default {
  mixins: [ListMixin]
}
</script>

<style lang="scss" scoped>
::v-deep .el-table th,
.el-table tr {
  background-color: #eaeaea;
}
::v-deep .el-table__header-wrapper {
  background-color: #eaeaea;
}
.page {
  float: right;
  padding: 20px 0;
}
</style>
